<script language="javascript" src="mootools/mootools.svn.js" type="text/javascript"></script>

<style type="text/css">
#NewsTicker{
	border:solid 1px #cccccc;
	background:#eaf5e0;
	width:185px;
	height:550px;
	margin:0 auto;
}
#NewsVertical {
width: 170px;
height: 540px;
display: block;
overflow: hidden;
position: relative;
}
/* --------------- */
/* Ticker Vertical */
#TickerVertical {
	width: 170px;
	height: 170px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#TickerVertical li {
	display: block;
	width: 170px;
	color: #333333;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 6px;
	float: left;
}
	#TickerVertical li .NewsTitle{
		display: block;
		color: #000000;
		font-size: 12px;
		font-weight:bold;
		margin-bottom:6px;
	}
	#TickerVertical li .NewsTitle a:link,
	#TickerVertical li .NewsTitle a:Visited {
		display: block;
		color: #000000;
		font-size: 12px;
		font-weight:bold;
		margin-bottom:6px;
		text-decoration:none;
	}
	#TickerVertical li .NewsTitle a:hover {
		text-decoration:underline;
	}
	
	#TickerVertical li .NewsImg{
		float:left;
		margin-right:10px;
	}
	#TickerVertical li .NewsFooter{
		display: block;
		color: #000000;
		font-size: 10px;
		margin:6px 0 14px 0;
	}
</style>
</head>
<body>
<div id="NewsTicker">  
<div id="NewsVertical">
	  <ul id="TickerVertical">
        <li>
        <img src="../sanpham/small/BGG7002.jpg" width="170" height="170" /> </li>
        <li>
       	<img src="../sanpham/small/BM7001.jpg" width="170" height="170" /> </li>
        <li>
        <img src="../sanpham/small/BG7017.jpg" width="170" height="170" /></li>
        <li>
        <img src="../sanpham/small/BG7025.jpg" width="170" height="170" /> </li>
    </ul>
    </div>
</div>
		<script language="javascript" type="text/javascript" src="newsticker.js">
		</script>
</body>
</html>